{% extends 'base.html' %}

{% block content %}
	<div id="channel_api_params" style="display:none;" chat_token="{{chat_token}}" channel_id="{{channel_id}}"></div>
	<div id="top">
      <p>!! CRYPT CHAT !!!</p>
    </div>
	<div id="center">

		{% include 'messages.html' %}
	</div>
	
	<div id="bottom">
		<span id="chat_key" value="{{chat_key}}">
			{{chat_key}}
		</span>
		<span id="nick" value="{{nick}}">
			{{nick}}
		</span>
		<span id="user_indicator" value="{{user_indicator}}">
			{{user_indicator}}
		</span>
		<span id="recipient_pubkey" value="{{recipient_pubkey}}">
			{{recipient_pubkey}}
		</span>
		
		
		
		
		<input id="text" name="text" type="text" value="Your Message"></input>
		<button id="send">SEND</button>
	</div>
	<script type="text/javascript" src="/_ah/channel/jsapi"></script>
	<script type="text/javascript" src="/static/jquery.js"></script>
	<script type="text/javascript" src="/static/simplechat.js"></script>
{% endblock %}